<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>超级管理员信息</title>
</head>
<body>

您好，您已经登录

<br />
<br />

<form id="form1" name="form1" method="post" action="">
    <p>
        <label>ID
            <input type="text" name="id" id="id" th:value="${admin.id}" disabled="disabled"/>
        </label>
    </p>
    <p>
        <label>工号
            <input type="text" name="number" id="number" th:value="${admin.number}" disabled="disabled"/>
        </label>
    </p>
    <p>
        <label>姓名
            <input type="text" name="name" id="name" th:value="${admin.name}" disabled="disabled"/>
        </label>
    </p>
    <p>
        <label>手机
            <input type="text" name="phone" id="phone" th:value="${admin.phone}" disabled="disabled"/>
        </label>
    </p>
    <p>
        <label>邮箱
            <input type="text" name="email" id="email" th:value="${admin.email}"disabled="disabled" />
        </label>
    </p>
    <p>
        <label>状态
            <input type="text" name="status" id="status" th:value="${admin.status}" disabled="disabled"/>
        </label>
    </p>
    <p>
        <label>时间
            <input type="text" name="date" id="date" th:value="${#dates.format(admin.date, 'yyyy-MM-dd HH:mm:ss')}" disabled="disabled"/>
        </label>
    </p>
    <p>
        <label>
            <input type="button" name="reset" id="reset" value="编辑"/>
        </label>
        <label>
            <input type="button" name="update" id="update" value="更新保存"/>
        </label>
    </p>
</form>

<br />
<br />

<a href="/product/list" target="_blank" > 商品管理 </a>

<br />
<br />

客户管理

<br />
<br />

商品砍价情况管理

<br />
<br />

</body>

<script src="/webjars/jquery/3.6.0/jquery.js"></script>

<script>

    // # 之后的变量和 id="reset" 值一致 才可以绑定
    $("#reset").click(function () {

        //id="name" 找到的
        $("#number").removeAttr("disabled");
        $("#name").removeAttr("disabled");
        $("#phone").removeAttr("disabled");
        $("#email").removeAttr("disabled");
        $("#status").removeAttr("disabled");

    })

    $("#update").click(function () {

        var id = $("#id").val();

        var number = $("#number").val();
        if ("" == number ){
            alert("请输入工号");

            // 停止继续执行
            return;
        }

        var name = $("#name").val();
        if ("" == name ){
            alert("请输入姓名");

            // 停止继续执行
            return;
        }

        var phone = $("#phone").val();
        var email = $("#email").val();

        // 验证手机or邮箱是否为空
        if ("" == phone && "" == email ){
            alert("手机或邮箱不能都为空！");

            // 停止继续执行
            return;
        }

        //手机格式
        if (!checkMobile(phone)){
            alert("手机号码格式不正确！");

            // 停止继续执行
            return;
        }

        //邮箱格式
        if (!checkEmail(email)){
            alert("邮箱格式不正确！");

            // 停止继续执行
            return;
        }

        var status = $("#status").val();
        if ("" == status ){
            alert("请输入状态");

            // 停止继续执行
            return;
        }

        $.ajax({
            type : "POST",
            url : "adminupdate",
            data : {
                "id" : id,
                "number" : number,
                "name" : name,
                "phone" : phone,
                "email" : email,
                "status" : status
            },
            // 接收后台的数据类型
            dataType : "text",

            // 请求成功
            success : function(message) {

                if (message == "-1"){

                    alert("超级管理员编辑失败！");

                } else {

                    alert("超级管理员编辑成功！");

                    location.href = "admininfo?id=" + localStorage.getItem('id')  //取出缓存;
                }

            },

            //请求失败
            error : function(message) {

                alert("请求失败");

            }

        });

    })

    //验证规则：11位数字，以1开头
    function checkMobile(str) {
        var re = /^1\d{10}$/
        if (re.test(str)) {
            return true;
        } else {
            return false;
        }
    }

    //验证邮箱
    function  checkEmail(str){
        var re = /^(\w-*\.*)+@(\w-?)+(\.\w{2,})+$/
        if(re.test(str)){
            return true;
        }else{
            return false;
        }
    }


</script>

</html>